{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{% translate "Announcements" %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% translate "Announcements" %}</h1>
    <p>{% translate "News for the whole team, week by week, from the administrators and supervisors." %}</p>
  </div>
  {% if user.is_supervisor %}<div class="actions"><a class="btn btn-primary" href="{% url 'announcement_add' %}">{% translate "New announcement" %}</a></div>{% endif %}
</div>

{% for week, label, items in groups %}
<section class="news-week" aria-labelledby="w{{ week|date:'Ymd' }}">
  <h2 id="w{{ week|date:'Ymd' }}">{{ label }} <span class="muted small">{% blocktranslate trimmed with start=week|date:"j M" %}from Monday {{ start }}{% endblocktranslate %}</span></h2>
  <ul class="news">
    {% for a in items %}
    <li class="panel{% if a.important %} important{% endif %}" id="a{{ a.pk }}">
      <div class="head">
        <h3>{{ a.title }}</h3>
        {% if a.important %}<span class="pill late">{% translate "Important" %}</span>{% endif %}
        {% if a.is_new %}<span class="pill new">{% translate "New" %}</span>{% endif %}
      </div>
      <div class="body">{{ a.body|urlize|linebreaksbr }}</div>
      <div class="meta">
        <span>{% blocktranslate trimmed with who=a.author.display_name|default:"—" when=a.created_at|date:"D j M, H:i" %}Posted by {{ who }}, {{ when }}{% endblocktranslate %}{% if a.was_edited %} · {% translate "edited" %}{% endif %}</span>
        {% if a.seen_count is not None %}
        <details class="seen">
          <summary>{% blocktranslate trimmed with n=a.seen_count total=team_size %}Seen by {{ n }} of {{ total }}{% endblocktranslate %}</summary>
          {% if a.not_seen %}<p><strong>{% translate "Not seen yet:" %}</strong> {% for p in a.not_seen %}{{ p.display_name }}{% if not forloop.last %}, {% endif %}{% endfor %}</p>{% else %}<p>{% translate "Everyone on the team has seen it." %}</p>{% endif %}
        </details>
        {% endif %}
        {% if a.can_edit %}
        <span class="tools">
          <a href="{% url 'announcement_edit' a.pk %}">{% translate "Change" %}</a>
          <form method="post" action="{% url 'announcement_delete' a.pk %}">{% csrf_token %}<button class="linkish" type="submit" data-confirm="{% translate 'Remove this announcement for everyone?' %}">{% translate "Remove" %}</button></form>
        </span>
        {% endif %}
      </div>
    </li>
    {% endfor %}
  </ul>
</section>
{% empty %}
<div class="panel empty"><strong>{% translate "No announcements yet." %}</strong>{% if user.is_supervisor %}{% translate "Post this week’s news with New announcement. Everyone on the team will see it here, and on Today until they have read it." %}{% else %}{% translate "When an administrator or supervisor posts the week’s news, it appears here." %}{% endif %}</div>
{% endfor %}
{% include "_pager.html" %}
{% endblock %}